<template>


<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" >
  <van-swipe-item><img src="../assets/img/1.jpg" alt="" style="width:80%"></van-swipe-item>
  <van-swipe-item><img src="../assets/img/2.jpg" alt="" style="width:80%"></van-swipe-item>
  <van-swipe-item><img src="../assets/img/4.jpg" alt="" style="width:80%"></van-swipe-item>
</van-swipe>


  
</template>

<script>
import Vue from 'vue';
import { Swipe, SwipeItem } from 'vant';

Vue.use(Swipe);
Vue.use(SwipeItem);
export default {
   

}
</script>

<style scoped>
  .my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    /* background-color: #39a9ed; */
  }

</style>